<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>666</title>
</head>
<body>
<!--标题标签 加粗 改字号 内容独占一行 有垂直方向的上下行间距-->
<h1>Hello World!</h1>
<h2>Hello World!</h2>
<h3>Hello World!</h3>
<h4>Hello World!</h4>
<h5>Hello World!</h5>
<h6>Hello World!</h6>
<!--    没有标题 7 但没有报错 只是不会出渲染效果-->
<h7>Hello World!</h7>
<p>段落</p>
<p>段落</p>
<p>段落</p>
<hr>
<!--    Lorem 生成假文-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam asperiores atque autem blanditiis
commodi consectetur consequuntur cumque delectus dicta distinctio doloremque ducimus ea eaque eius eligendi enimeos

<!--    ordered list -->
<ol type="1">
    <!--        list item-->
    <li>第一步</li>
    <li>第二步</li>
    <li>第三步</li>
</ol>
<!--无序列表-->
<ul type="none">
    <li>《Think In Java》</li>
    <li>《JavaScript & JQuery》</li>
</ul>
<hr>
<ul type="none">
    <li>热菜</li>
    <ol>
        <li>西红柿鸡蛋面</li>
        <li>豆角焖面</li>
        <li>辣子鸡丁</li>
        <li>溜肉段</li>
    </ol>
    <li>凉菜</li>
    <ol>
        <li>凉拌黄瓜</li>
        <li>凉拌豆角</li>
        <li>皮蛋豆腐</li>
    </ol>
    <li>主食</li>
    <ol>
        <li>米饭</li>
        <li>馒头</li>
    </ol>
</ul>
<hr>
<h1>个人简历</h1>
<h2>基本信息</h2>
<p>姓名:<b>传奇哥</b></p>
<p>性别:男</p>
<p>爱好：<s>摄影</s></p>
<p>个人经历</p>
<ul>
    <li>小学 9 年</li>
    <li>初中 6 年</li>
    <li>高中 3 年</li>
</ul>
<h2>获得荣誉</h2>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>